.club {
  .club-banner {
    position: relative;
    height: 600px;
    overflow: hidden;

    .banner-list {
      img {
        display: block;
        width: 1920px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
      }
    }

    @media all and (max-width: 1920px) {
      .btn-more {
        left: 341px!important;
      }
    }
    @media all and (max-width: 1600px) {
      .btn-more {
        left: 140px!important;
      }
    }

    .btn-more {
      position: absolute;
      bottom:193px;
      width: 166px;
      height: 56px;
      border: 1px solid #B969A8;
      font-size: 18px;
      color: #B969A8;
      text-align: center;
      line-height: 56px;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
    }
  }

  .club-content {
    padding: 100px 0;
    .search-head {
      .info {
        margin-top: 28px;
        float: left;
        i.icon-address {
          display: inline-block;
          width: 47px;
          height: 45px;
          background: url("") 0 0 no-repeat;
          background-size: 100% 100%;
        }
        p.text {
          display: inline-block;
          vertical-align: middle;
          font-size: 32px;
          transform: translateY(-17px);
          .pink {
            color: #F05DA3;
          }
        }
      }
      .search-box {
        float: right;
        .input {
          float: left;
          width: 289px;
          height: 60px;
          border: 1px solid #F05DA3;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
          .icon-search {
            float: left;
            width: 32px;
            height: 32px;
            margin: 13px 30px 0 30px;
            background: url("../img/sousuo.png") 0 0 no-repeat;
            background-size: 100% 100%;
          }
          input {
            width: 190px;
            float: left;
            margin-top: 15px;
            line-height: 24px;
            font-size: 24px;
            &::-webkit-input-placeholder{
              color: #F05DA3;
            }    /* 使用webkit内核的浏览器 */
            &:-moz-placeholder{
              color: #F05DA3;
            }                  /* Firefox版本4-18 */
            &::-moz-placeholder{
              color: #F05DA3;
            }                  /* Firefox版本19+ */
            &:-ms-input-placeholder{
              color: #F05DA3;
            }
          }
        }

        .btn-confirm {
          float: right;
          width: 116px;
          height: 60px;
          text-align: center;
          line-height: 60px;
          font-size: 24px;
          color: #fff;
          cursor: pointer;
          background-color: #F05DA3;
          margin-left: 22px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          border-radius: 5px;
        }
      }
    }

    .map-box {
      padding-top: 60px;

      .left-list {
        float: left;
        width: 350px;

        .select-box {
          select {
            border: 1px solid #F05DA3;
            color: #666;
            width: 170px;
            height: 60px;
            font-size: 24px;
            padding: 0 30px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
          }

          margin-bottom: 40px;
        }

        .address-list {
          li {
            margin-bottom: 57px;
            color: #333;
            overflow: hidden;
            border-bottom: 1px solid #333;
            padding-bottom: 10px;
            &.active {
              //color: #F05DA3;
              //border-color: #F05DA3;
            }
            .caption {
              font-size: 30px;
            }
            .address {
              font-size: 18px;
              margin-left: 40px;
            }
          }
        }

        .pagination {
          color: #333;
          .left {
            float: left;
            font-size: 20px;
            span {
              cursor: pointer;
            }
          }
          .right {
            float: right;
          }
        }
      }
      .right-map {
        float: right;
        width: 798px;
        height: 860px;
        #map-wrap {
          width: 100%;
          height: 100%;
        }
      }
    }
  }
}
